let $editor = (() => {
    let $DOM = $(`<div class="notepad-editor">
    <textarea spellcheck="false" auto-size="none"></textarea>
  </div>`)

    let $textArea = $DOM.find('textarea');

    let cfg = {
        row: 1,
        col: 1,
    }

    let show = (conf) => {
        $.extend(cfg, conf);
        $('body').append($DOM);
        $textArea.trigger('focus');

        $textArea.keypress(() => {
            
            let sub = $textArea.val().substr(0, $textArea.val().length);
            let subs = sub.split('\n');
           
            cfg.row = subs.length
            cfg.col = subs[subs.length - 1].length + 1;
            $statusbar.show(
                cfg = {
                    row: cfg.row,
                    col: cfg.col
                }
            )
            localStorage.setItem('pos', JSON.stringify(cfg));
      
        });

    }

    // 修改字体样式
    let setFont = (e) => {
        $textArea.css({
            'font-family': e.family,
            'font-size': e.size + 'px',
            'font-style': e.style.indexOf('斜') != -1 ? 'italic' : 'normal',
            'font-weight': e.style.indexOf('粗') != -1 ? 'bolder' : 'normal',
        });
    };

    // // 获得当前光标所在列
    // let getCol = () => {

    // }

    // // 获得当前光标所在行
    // let getRow = () => {
    //     console.log($("textarea:focus"))
    // }
    return {
        show, setFont
    }
})()